<template>
    <footer class="footer">
        <p>© {{ year }} Hospital Project. All rights reserved.</p>
    </footer>
</template>

<script setup lang="ts" name="Footer">
import { ref, onMounted } from "vue";
    const year = ref(new Date().getFullYear());
</script>

<style lang="scss" scoped>
    .footer {
        background-color: #1f2937; // gray-800
        color: #ffffff;
        text-align: center;
        padding: 1rem 0; // py-4
        margin-top: 1rem; // mt-10
    }
</style>
